/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
	<view class="container">
		<join-progress :stepInfo="step"></join-progress>
		<view class="content">
			<view class="status">{{status==0?'正在审核...':''}}{{status==1?'审核已通过':''}}{{status==2?'审核失败':''}}</view>
			<view class="desc" v-if="status==0||status==2">商城期待你的加入</view>
			<view class="desc" v-if="status==0||status==2">到PC端补全信息吧</view>
			<image class="status-img" :src="imgUrl+'user/status-ok.jpg'"  v-if="status==0||status==1"></image>
			<view class="btn-home" @tap='goBack'>返回首页</view>
		</view>
	</view>
</template>

<script>
	import joinProgress from "@/components/joinProgress/joinProgress.vue";
	import {getStoreApply} from "@/api/api.js";
	import {mapState} from 'vuex';
	import config from "@/api/config";
	export default {
		data() {
			return {
				status:0,
				imgUrl:config.imgUrl,
				step:4,//步骤
			};
		},
		components:{
			joinProgress
		},
		computed: {
			...mapState(['hasLogin'])
		},
		onShow(){
			if(this.hasLogin){
				this.getStoreApply()
			}else{
				common.toast("none","请登录",2000)
				
			}
		},
		methods:{
			/*获取店铺详情*/ 
			getStoreApply(){
				getStoreApply().then(res=>{
					console.log(res)
					this.status=res.apply_state;
				})
			},
			/*返回首页*/ 
			goBack(e){
				uni.switchTab({
					url:"/pages/index/index"
				})
			}
		}
	}
</script>

<style lang="scss">
	//
	

	//
	page {
		background-color: #f5f5f5;
	}

	.content {
		text-align: center;
	}

	.status {
		font-size: 34rpx;
		margin-top: 80rpx;
	}

	.desc {
		font-size: 30rpx;
		color: #999;
		padding: 10rpx 0;
	}

	.status-img {
		height: 276rpx;
		width: 234rpx;
		margin-top: 30rpx;
	}

	.btn-home {
		font-size: 28rpx;
		color: #ff3b3b;
		width: 400rpx;
		line-height: 70rpx;
		border: 2rpx solid #ff3b3b;
		border-radius: 10rpx;
		margin: 30rpx auto 100rpx;
	}
</style>
